<!DOCTYPE html>
<html>
<head>
    <style>
        body *{
            box-sizing: border-box;
        }

        body{
            width: 100vw;
            height: 100vh;
            display: table-cell;
            /* text-align: center; */
            vertical-align: middle;
            border: 1px solid black;
        }

        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px;
        }

        figure {
            position: relative;
            width: 600px;
            height: 800px;
            border-radius: 10px;
            margin: auto;
        }

        figcaption {
            position:absolute;
            width: 70%;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            text-align: center;
        }

        h2{
            font-weight: 700;
            color: white;
            margin-top: 0;
            font-size: 30px;
            
        }
        
        p{
            color:white;
            font-weight: 700;
            font-size: 20px;
        }

        a{
            padding: .5rem 1.5rem;
            border: 2px solid white;
            color: white;
            text-decoration: none;
            letter-spacing: 1px;
            /* font-size: 20px; */
            font-weight: 500;
            text-transform: uppercase;
            display: inline-block;
            margin-top: 2rem;
        }
    </style>
</head>

<body>
    <figure>
        <figcaption>
            <h2>Beauty Makeup</h2>
            <p>
                Every Girl loves to be beautiful.
                <br>
                As the saying goes, there are no ugly Girl in the world.Only lazy women
            </p>
            <a href="#">Get in Touch</a>
        </figcaption>
        <img src="1.jpeg">
    </figure>
</body>

</html>